<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="jquery-3.6.0.js"></script>
	<style>
		div {
			background-color: #0000FF;
			display: inline-block;
			width: 600px;
			height: 600px;
		}
	</style>
	<body>
		<button id="btn1">hide</button>
		<button id="btn2">show</button>
		<button id="btn3">toggle</button><br>
		<div></div>
		<script>
			$("#btn1").click(function(){
			  $("div").hide();
			})
			$("#btn2").click(function(){
			  $("div").show();
			})
			$("#btn3").click(function(){
			  $("div").toggle();
			})
		</script>
	</body>
</html>
